<ion-header>
  <ion-navbar no-border-bottom>
    <ion-title>机构客户诚信详情</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>

  <ion-list class='gfoa-list'>
    <ion-item>
      <ion-row>
        <ion-col width-35 class="title">一级管理人</ion-col>
        <ion-col class='substance'>{{managerData[1]}}</ion-col>
      </ion-row>
    </ion-item>
    <ion-item>
      <ion-row>
        <ion-col width-35 class="title">二级管理人</ion-col>
        <ion-col class='substance'>{{managerData[7]}}</ion-col>
      </ion-row>
    </ion-item>
    <ion-item>
      <ion-row>
        <ion-col width-35 class="title">类别</ion-col>
        <ion-col class='substance'>{{managerData[0]}}</ion-col>
      </ion-row>
    </ion-item>
    <ion-item>
      <ion-row>
        <ion-col width-35 class="title">渠道经理</ion-col>
        <ion-col class='substance'>{{managerData[8]}},{{managerData[9]}}</ion-col>
      </ion-row>
    </ion-item>
    <ion-item>
      <ion-row>
        <ion-col width-35 class="title">等级</ion-col>
        <ion-col class='substance'>{{managerData[2]}}</ion-col>
      </ion-row>
    </ion-item>
    <ion-item>
      <ion-row>
        <ion-col width-35 class="title">累计违约次数</ion-col>
        <ion-col class='substance'>{{managerData[3]}}</ion-col>
      </ion-row>
    </ion-item>
    <ion-item>
      <ion-row>
        <ion-col width-35 class="title">承诺次数</ion-col>
        <ion-col class='substance'>{{managerData[4]}}</ion-col>
      </ion-row>
    </ion-item>
    <ion-item>
      <ion-row>
        <ion-col width-35 class="title">违约指标</ion-col>
        <ion-col class='substance'>{{managerData[5]}}</ion-col>
      </ion-row>
    </ion-item>
    <ion-item>
      <ion-row>
        <ion-col width-35 class="title">违约指标(金额)</ion-col>
        <ion-col class='substance'>{{managerData[6]}}</ion-col>
      </ion-row>
    </ion-item>
  </ion-list>
  <ion-item-divider>
    <span><strong>交易明细</strong></span>
  </ion-item-divider>

  <ion-card>
    <ion-list *ngFor="let item of transActionData;">
      <ion-item (click)="changeShow(item)" class="titleitem">
        <ion-row>
          <ion-col col-4 class='left'>{{item[0]}}</ion-col>
          <ion-col col-8 text-right>
            <ion-icon *ngIf="!item[item.length - 1]" name="arrow-forward"></ion-icon>
            <ion-icon *ngIf="item[item.length - 1]" name="arrow-down"></ion-icon>
          </ion-col>
        </ion-row>
      </ion-item>
      <ion-list *ngIf="item[item.length - 1]">
        <ion-item>
          <ion-row>
            <ion-col width-25 class="colName">管理人名字:</ion-col>
            <ion-col class="colVal" text-right>{{item[0]}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-25 class="colName">客户名称:</ion-col>
            <ion-col class="colVal" text-right>{{item[1]}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-20 class="colName">交易账户:</ion-col>
            <ion-col width-80 class="colVal substance" text-right>{{item[2]}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-25 class="colName">产品代码:</ion-col>
            <ion-col class="colVal" text-right>{{item[3]}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-25 class="colName">产品名称:</ion-col>
            <ion-col class="colVal" text-right>{{item[4]}}</ion-col>
          </ion-row>
          <ion-row>
            <ion-col width-25 class="colName">交易类型:</ion-col>
            <ion-col class="colVal" text-right>{{item[5]}}</ion-col>
          </ion-row>


          <ion-row>
            <ion-col width-25 class="colName">申请金额:</ion-col>
            <ion-col class="colVal" text-right>{{item[6]}}</ion-col>
          </ion-row>

          <ion-row>
            <ion-col width-20 class="colName">确认份额:</ion-col>
            <ion-col width-80 class="colVal substance" text-right>{{item[7]}}</ion-col>
          </ion-row>

          <ion-row>
            <ion-col width-20 class="colName">交易确认日:</ion-col>
            <ion-col width-80 class="colVal substance" text-right>{{item[8]}}</ion-col>
          </ion-row>

          <ion-row>
            <ion-col width-20 class="colName">承诺日期:</ion-col>
            <ion-col width-80 class="colVal substance" text-right>{{item[9]}}</ion-col>
          </ion-row>

          <ion-row>
            <ion-col width-25 class="colName">违约明细:</ion-col>
            <ion-col width-75 class="colVal substance" text-right><span *ngFor="let d of item[10]">{{d}}<br/></span></ion-col>
          </ion-row>

          <ion-row>
            <ion-col width-20 class="colName">渠道经理:</ion-col>
            <ion-col width-80 class="colVal substance" text-right>{{item[11]}}</ion-col>
          </ion-row>

        </ion-item>
      </ion-list>
    </ion-list>
  </ion-card>
</ion-content>
